:root {
  --CardBacColor: #F7F8F9;
}


.flex-top-left {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    /*  */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-top {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-left {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-left-T-B {
    display: flex;
    align-items: center;
    flex-direction: column
}

.flex-left-right {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.text-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cleafix:after {
    content: '.';
    display: block;
    clear: both;
    overflow: hidden;
    height: 0;
}

.marginBottom15 {
    margin-bottom: 0.2rem;
}

.mainTitleFont {
    font-size: 0.18rem;
    margin-bottom: 0.25rem;
    text-align: center;
    font-weight: 500;
}

.info_containerPadding {
    padding: 0.2rem 0.16rem;
}

.info_containerBacInfoStyle {
    background-color: #F7F8F9;
    border: 0.01rem solid #F2F4FA;
    border-radius: 0.16rem;
}

.indexItemIcon {
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.14rem;
    background-size: 1.6rem 0.8rem;
    background-image: url("../img/city-indices.png");
    background-repeat: no-repeat;
}

.g-1 {
    background-position: left bottom;
    background-color: #c7bc13;
}

.g-2 {
    background-position: -40px top;
    background-color: #c7bc13;
}

.g-9 {
    background-position: right top;
    background-color: #95b359;
}

.g-3 {
    background-position: -80px top;
    background-color: #95b359;
}

.g-5 {
    background-position: -80px bottom;
    background-color: #b145c6;
}

.g-6 {
    background-position: -40px bottom;
    background-color: #2196f3;
}

.g-10 {
    background-position: right bottom;
    background-color: #dc3545;
}

.g-8 {
    background-position: left top;
    background-color: #2196f3;
}